<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>个人注册</title>
  <link rel="shortcut icon" href="./images/ico.ico">
  <link rel="stylesheet" href="./style/bootstrap.min.css">
  <link rel="stylesheet" href="./style/regesiter.css">
  <script src="./js/register.js"></script>
</head>

<body>
  <div class="w">
    <header>
      <div class="logo">
        <a href="index.html"> <img src="./images/class.png" alt=""></a>
      </div>
    </header>
    <div class="registerarea">
      <h3>注册新用户
        <div class="login">我有账号，请<a href="./denglu.html" class="style_red">登录</a></div>
      </h3>

      <form class="xtx-form">
        <div data-prop="username" class="xtx-form-item">
          <span class="iconfont icon-user"></span>
          <input name="username" type="text" placeholder="请输入4-10位用户名称">
          <span class="msg"></span>
        </div>
        <div data-prop="phone" class="xtx-form-item">
          <span class="iconfont icon-phone"></span>
          <input name="phone" type="text" placeholder="输入手机号码  ">
          <span class="msg"></span>
        </div>

        <div data-prop="password" class="xtx-form-item">
          <span class="iconfont icon-lock"></span>
          <input name="password" type="password" placeholder="设置6至18位字母、数字和符号组合">
          <span class="msg"></span>
        </div>
        <div data-prop="confirm" class="xtx-form-item">
          <span class="iconfont icon-lock"></span>
          <input name="confirm" type="password" placeholder="请再次输入上面密码">
          <span class="msg"></span>
        </div>
        <div class="xtx-form-item pl50">
          <i class="iconfont icon-queren">
            <input type="checkbox" name="checkbox">
          </i>已阅读并同意<i>《用户服务协议》</i>
        </div>
        <div class="xtx-form-item">
          <button class="submit">注册</button>
          <!-- <a class="submit" href="javascript:;">下一步</a> -->
        </div>
      </form>
    </div>
    <footer>
      <div class="footer">
        <ul>
          <li>如有侵犯版权，请及时联系</li>
          <li>联系电话:15935288826</li>
          <li>QQ:3313980294</li>
          <li>邮箱:3313980294@qq.com</li>
        </ul>
        <ul>
          <li>如有侵犯版权，请及时联系</li>
          <li>联系电话:15935288826</li>
          <li>QQ:3313980294</li>
          <li>邮箱:3313980294@qq.com</li>
        </ul>
        <ul>
          <li>如有侵犯版权，请及时联系</li>
          <li>联系电话:15935288826</li>
          <li>QQ:3313980294</li>
          <li>邮箱:3313980294@qq.com</li>
        </ul>
        <ul>
          <li>如有侵犯版权，请及时联系</li>
          <li>联系电话:15935288826</li>
          <li>QQ:3313980294</li>
          <li>邮箱:3313980294@qq.com</li>
        </ul>
      </div>
    </footer>
  </div>
</body>

</html>